<template>
	<div class="banner-box">
		<img v-if="pic" :src="pic">
		<div class="tit-box">
			<span class="tit">{{name}}</span>
			<span class="tit2">{{desc}}</span>
		</div>
	</div>
</template>

<script>
export default {
	props: {
		pic: String,
		name: String,
		desc: String,
	},
	data() {
		return {
		}
	},
	mounted() {
		
	},
	methods: {
		
	}
}
</script>

<style lang='less'>
	.banner-box{
		display:flex;
		align-items:center;
		max-height: 60px;
		padding: 5px 5px;
		background: #fff;
		img{
			width: 40px;
			height: 40px;
			margin-right: 10px;
		}
		.tit-box{
			flex: 1;
			display: flex;
			flex-direction: column;
		}
		.tit{
			font-size: 16px;
			color: #303133;
			line-height: 24px;
			font-weight: bold;
		}
		.tit2{
			font-size: 12px;
			color: #909399;
		}
		.xiangyou{
			font-size: 14px;
			color: #909399;
		}
	}
</style>